<template>
	<div id="container">
		<el-row>
			<h1><i class="el-icon-platform-eleme"></i>{{sysname}}</h1>
		</el-row>
		
		<el-row>
			<el-button>添加</el-button>
		</el-row>
		
		<el-row>
			<el-table :data="list">
				
				<el-table-column pro="title" lable="标题" width="280" header-align="center"/>
				<el-table-column/>
				<el-table-column/>
				<el-table-column/>
				<el-table-column lable="[操作]" header-align="center"/>
				
				<el-button >修改</el-button>
				<el-button >删除</el-button>
				
				</el-table-column>
			</el-table>
		</el-row>
		
		<el-dialog>
			<span>
				<el-form>
					
					<el-form-item label="标题"><el-input v-model="m.title" /></el-form-item>
					<el-form-item label=""><el-input v-model="m." /></el-form-item>
					<el-form-item label=""><el-input v-model="m." /></el-form-item>
					<el-form-item label=""><el-input v-model="m." /></el-form-item>
					
				</el-form>
			</span>
			
			<span slot="footer" class="dialog-footer">
			  <el-button @click="dialogVisible=false">取消</el-button>
			  <el-button @click="save">确定</el-button>
			</span>
			
		</el-dialog>
		
		
	</div>
	
</template>

<script>
	
	 export default {
		 name:"Item",
		 data(){
			 return{
				 sysname: "京东电商平台",
				 m:{},
				 list:[{},{},{}]
			 }
			 
		 },
		 
		 methods:{
			 toadd: function() {},
			  toupdate: function(index, row) { },
			   save: function() {},
			   del: function(index) {}
		 }
		 
		 
	 }
	 
	
</script>

<style>
	textarea{
	  font-family: "微软雅黑";
	}
</style>
